import QtQuick 1.0

Flipable {
    id:demotElement
    property bool flipped: false

    width: 480
    height: parent.height
    front: PageDemotFront {}
    back: PageDemotBack {}

    transform: Rotation {
        id: rotation
        origin.x: demotElement.width/2
        origin.y: demotElement.height/2
        axis.x: 0; axis.y: 1; axis.z: 0
        angle: 0
    }
    states: State {
        name: "back"
        when: demotElement.flipped
        PropertyChanges { target: rotation; angle: 180 }
    }
    transitions: Transition {
        NumberAnimation { target: rotation; property: "angle"; duration: 500 }
    }


}
